<template>
    <view class="container">
        <web-view
                src="http://localhost:5173/iframe"
                class="web-view"
        ></web-view>
    </view>
</template>


<script>
  export default {
    data() {
      return {
        // 可以在这里添加更多的状态或数据
      };
    },
  };
</script>

<style scoped lang="scss">
  .container {
    height: 100vh;
    background-color: #f3f6fa;
    width: 100%;
    box-sizing: border-box;
    display: flex; /* 使其成为 flex 容器 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
  }
  .web-view {
      width: 100%;
      height: 100vh; /* 让其填满视口高度 */
  }

</style>
